<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="th/m/include/head :: head(~{::title}, ~{::style})">
    <meta charset="utf-8">
    <title>流程</title>
    <style>
        .mui-table h4, .mui-table h5, .mui-table .mui-h5, .mui-table .mui-h6, .mui-table p {
            margin-top: 0;
        }

        .mui-table h4 {
            line-height: 30px;
            font-weight: 500;
        }

        .mui-table .oa-icon {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .mui-table .oa-icon-star-filled {
            color: #f14e41;
        }

        .div-col-xs {
            width: 42px;
            text-align: center;
            vertical-align: middle;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">流程</h1>
</header>
<div class="mui-content">
    <!--数据列表-->
    <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right" href="listDoingPage">
                <div class="mui-table">
                    <div class="mui-table-cell div-col-xs mui-left">
                        <img class="mui-pull-left img-center" align="center"
                             th:src="@{/weixin/images/flow_wait.png}">
                    </div>
                    <div class="mui-table-cell mui-col-xs-11">
                        <h4 class="mui-ellipsis">
                            待办流程
                        </h4>
                    </div>
                </div>
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right" href="listAttendPage">
                <div class="mui-table">
                    <div class="mui-table-cell div-col-xs mui-left">
                        <img class="mui-pull-left img-center" align="center" th:src="@{/weixin/images/flow.png}">
                    </div>
                    <div class="mui-table-cell mui-col-xs-11">
                        <h4 class="mui-ellipsis">
                            我的流程
                        </h4>
                    </div>
                </div>
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a href="flowInitPage" class="mui-navigate-right">
                <div class="mui-table">
                    <div class="mui-table-cell div-col-xs mui-left">
                        <img class="mui-pull-left img-center" align="center"
                             th:src="@{/weixin/images/start_flow.png}">
                    </div>
                    <div class="mui-table-cell mui-col-xs-11">
                        <h4 class="mui-ellipsis">
                            发起流程
                        </h4>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
<script>
    if(!mui.os.plus) {
        // 必须删除，而不能是隐藏，否则mui-bar-nav ~ mui-content中的padding-top会使得位置下移
        $('.mui-bar').remove();
    }

    var appProp = {"btnAddShow": 0, "btnBackUrl": ""};
    function callJS() {
        return appProp;
    }
    var iosCallJS = JSON.stringify(appProp);
</script>
<div th:replace="th/m/include/navbar :: nav(${nav}, false, '', false)"></div>
</body>
</html>